<!DOCTYPE html>
<html>


<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>端API</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/style.css" />
    <style>
        .header {
            width: 94%;
            height: 2.5rem;
            padding: 0.5rem 0.8rem 0.2rem 0.8rem;
            color: #fff;
            line-height: 2.5rem;
            position: fixed;
            top: 0rem;
            background-color: #40cccc;
            font-size: 1.1rem;
        }
        .fl{
          float: left;
        }
        .fr{
          float: right;
        }
        .header_left{
          width: 20%;
          text-align: center;
        }
        .header_center{
          width: 63%;
        }
        .header_center ul {
            width: 63%;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
        }

        .header_center ul li {
            width: 47%;
            text-align: center;
            float: left;
        }

        .header_center ul li a {
            color: #fff;
            text-decoration: none;
            font-weight: bold;
        }

        #nice {
            border-bottom: 0.2rem solid orange;
        }
        .header_r{
          width: 11%;
          height: 95%;
        }
        .header_r img{
          width: 100%;
          height: 100%;
        }
        .content{
          width: 100%;
          background-color: rgb(200, 200, 200, 0.3);
        }
        .cont_one{
          width: 93%;
          z-index: 1;
          padding: 1rem 0.8rem 0.8rem 0.8rem;
          background-color: #fff;
          margin-bottom: 1rem;
          min-height: 7rem;
        }
        .cont_top{
          width: 100%;
          height: 4.5rem;
        }
        .cont_p{
          width: 30%;
          height: 3.5rem;
          line-height: 1.5rem;
          margin-left: 0.5rem;
          margin-top: 0.5rem;
        }
        .cont_imgs{
          pointer-events: none;
          z-index: 99999;
          width: 20%;
          height: 2rem;
          color:white;
          line-height: 2rem;
          text-align: center;
          border-radius: 1rem;
          margin-top: 1rem;
          background: #40cccc
        }

        .conts_p{
          width: 100%;
          height: 10%;
          padding:0.5rem 0rem;
        }
        .cont_cimg{
          display: flex;
          flex-wrap: wrap;
          flex: 1;
        }
        .cimg_img{
        width: 20%;
          height:30%;
          margin-right: 0.5rem;

        }
        .cimg_img img{
          width: 100%;
            height:100%;
        }
        .cont_foot{
          width: 100%;
          height: 1.5rem;
          line-height: 1.5rem;
          padding: 0.5rem 0rem 0rem 0rem;
      }
      .footer_r{
        width:14%;
      }
  .footer_img{
        width: 26%;
        height: 10%;
        margin-left: 0.3rem;
        margin-top: 0.1rem;
      }
      .footer_img img{
        width: 100%;
        height: 100%;
      }
      .headimg{
        width: 3rem;
        height: 3rem;
        border-radius: 2rem;
      }
    </style>
</head>

<body>

    <div class="content" id="postimg">
      <!-- <div class="cont_one">
        <div class="cont_top">
          <div class="cont_img fl">
            <img src="../image/aa17.png" alt="">
          </div>
          <div class="cont_p fl">
            <p style="color:red;">Angle</p>
            <p>20分钟之前</p>
          </div>
          <div class="cont_imgs fr">
            <img src="../image/u14.png" alt="">
          </div>
        </div>
        <div class="conts_p">
          宝宝今天的样子
        </div>
        <div class="cont_cimg">
          <div class="cimg_img">
            <img src="../image/a22.png" alt="">
          </div>
          <div class="cimg_img">
            <img src="../image/a22.png" alt="">
          </div>
          <div class="cimg_img">
            <img src="../image/a22.png" alt="">
          </div>
          <div class="cimg_img">
            <img src="../image/a22.png" alt="">
          </div>
          <div class="cimg_img">
            <img src="../image/a22.png" alt="">
          </div>
          <div class="cimg_img">
            <img src="../image/a22.png" alt="">
          </div>
        </div>
        <div class="cont_foot">
          <p class="fl">浏览138次</p>
          <div class="footer_r fr">
            <p class="fl">30</p>
            <div class="footer_img fl">
              <img src="../image/a35.png" alt="">
            </div>
          </div>
          <div class="footer_r fr">
            <p class="fl">30</p>
            <div class="footer_img fl">
              <img src="../image/a35.png" alt="">
            </div>
          </div>
        </div>
      </div>
      <!-- er -->

    </div>
    <script type="text/javascript" src="../script/jquery-1.8.3.js"></script>
    <script type="text/javascript" src="../script/api.js"></script>
    <script type="text/javascript" src="../script/common.js"></script>
</body>
<script>
// var page = 1
// var pagesize = 10
// var ok = true
// var userinf = $api.getStorage('userinfo');
//
// apiready = function() {
//   api.addEventListener({
//       name:'user_login',
//       extra:{
//           threshold:0
//       }
//   }, function(ret, err){
//           userinfo=$api.getStorage('userinfo');
//         //	get_user()//获取用户数据
//
//   });
//
//   api.addEventListener({
//       name:'user_register',
//       extra:{
//           threshold:0
//       }
//   }, function(ret, err){
//           userinfo=$api.getStorage('userinfo');
//           //get_user()//获取用户数据
//
//   });
//
//   api.addEventListener({
//       name:'user_out',
//       extra:{
//           threshold:0
//       }
//   }, function(ret, err){
//           userinfo=$api.getStorage('userinfo');
//         //	get_user()//获取用户数据
//
//   });
//
//   get_posting()//获取帖子列表
//
//   api.addEventListener({
//       name:'add_posting',
//       extra:{
//           threshold:0
//       }
//   }, function(ret, err){
//       get_posting()
//         //alert( JSON.stringify( ret ) );
//   });
//
//   api.addEventListener({
//        　　name:'scrolltobottom',
//            extra:{threshold:0}
//        }, function(ret, err){
// 　　　　　　get_posting()
//       });
//
//
//       api.setRefreshHeaderInfo({
//                            visible: true,
//                            loadingImg: '../image/timg.gif',
//                            bgColor: '#ccc',
//                            textColor: '#fff',
//                            textDown: '下拉刷新...',
//                            textUp: '松开刷新...',
//                            showTime: true
//                        }, function(ret, err) {
//                          ok = true
//                          document.getElementById('postimg').innerHTML=''
//                            page = 1;
//                            get_posting()
//                });
//
// }
//
// function get_posting() {
//   if(ok==false){
//     return false
//   }
//   var html = ''
//   var obj = $api.byId('postimg');
//
//   api.ajax({
//       url: SITE_URL+'square_api/index/index',
//       method: 'post',
//       data: {
//           values: {
//               page: page,
//               pagesize:pagesize,
//               type:1
//           }
//       }
//   },function(ret, err){
//       if (ret) {
//         if(ret.error==200){
//
//           for (var i = 0; i < ret.data.length; i++) {
//
//             var dat = ret.data[i]
//             var time = gettime(dat.add_time);
//             html +='<div class="cont_one" onclick="opens('+dat.id+')" >'
//             html +='<div class="cont_top">'
//             html +='<div class="cont_img fl">'
//             html +='<img src="'+dat.head_img+'" alt="" class="headimg">'
//             html +='</div>'
//             html +='<div class="cont_p fl">'
//             html +='<p style="color:red;">'+dat.nick_name+'</p>'
//             html +='<p>'+time+'</p>'
//             html +='</div>'
//             if(dat.gz==1){
//               html +='<div class="cont_imgs fr user'+dat.user_id+'" title="1" onclick="gz(this,'+dat.user_id+')" style="pointer-events: none;z-index:9999" >'
//               html +='已关注'
//               html +='</div>'
//             }else{
//               html +='<div class="cont_imgs fr user'+dat.user_id+'" title="0" onclick="gz(this,'+dat.user_id+')" style="pointer-events: none;z-index:9999">'
//               html +='关注'
//               html +='</div>'
//             }
//
//             html+='</div>'
//             html +='<div class="conts_p">'+dat.content+'</div>'
//             html +='<div class="cont_cimg">'
//             if(dat.img_list){
//               for (var is = 0; is < dat.img_list.length; is++) {
//                 var img = dat.img_list[is]
//                 html +='<div class="cimg_img">'
//                 html+='<img src="'+img+'" alt="">'
//                 html +='</div>'
//               }
//             }
//             html +='</div>'
//             html +='<div class="cont_foot">'
//             html +='<p class="fl">浏览'+dat.browse+'次</p>'
//             html +='<div class="footer_r fr">'
//             html +='<p class="fl">'+dat.pl+'</p>'
//             html +='<div class="footer_img fl">'
//             html +='<img src="../image/a35.png" alt="">'
//             html +='</div>'
//             html +='</div>'
//             html +='<div class="footer_r fr">'
//             html +='<p class="fl">'+dat.sc+'</p>'
//             html +='<div class="footer_img fl">'
//             html +='<img src="../image/a35.png" alt="">'
//             html +='</div>'
//             html +='</div>'
//             html +='</div>'
//             html +='</div>'
//           }
//
//           $api.append(obj, html);
//           page+=1
//
//         }else{
//           ok = false
//           msgcode('暂无更新帖子')
//         }
//         //  alert( JSON.stringify( ret ) );
//         api.refreshHeaderLoadDone()
//       } else {
//         api.refreshHeaderLoadDone()
//         msgcode('网络连接失败')
//   //        alert( JSON.stringify( err ) );
//       }
//   });
//
// }
//
// function gz(self,tid) {
//   if(!userinfo){
//     login_at()
//     return false
//   }
//   if(tid==userinfo.id){
//     msgcode('暂不支持关注自己')
//     return false
//   }
//
//   api.ajax({
//       url: SITE_URL+'square_api/collection/gz',
//       method: 'post',
//       data: {
//           values: {
//               uid: userinfo.id,
//               tid:tid
//           }
//       }
//   },function(ret, err){
//       if (ret) {
//         if(ret.error==200){
//
//           if(self.title==1){//取消管住宿
//             $(".user"+tid).html('关注')
//             $(".user"+tid).css('background-color','#40cccc')
//           }else{//增加关注
//             $(".user"+tid).css('background-color','#D1D1D1')
//             $(".user"+tid).html('已关注')
//
//           }
//         }
//           //alert( JSON.stringify( ret ) );
//       } else {
//         msgcode('请检查网络连接')
//           //alert( JSON.stringify( err ) );
//       }
//   });
//
//
// }
//
// function opens(id) {
//   // alert(id)
//     api.openWin({
//         name: 'posting',
//         url: './posting.html',
//         pageParam: {
//                     id: id
//                 }
//     });
// }
//

</script>
</html>
